<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>莲菜网</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">-->
    <script src="js/flexible.js"></script>
    <script src="js/flexible_css.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="stylesheet " type="text/css " href="css/globle.css " />
    <link rel="stylesheet " type="text/css " href="css/style.css " />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <script src='js/jquery.js'></script>
    <script src='js/jquery.marquee.min.js'></script>

</head>

<body>
    <div id="search-info" class="clearfix">
        <a href="" class="logo"><img src="images/logo.png" alt=""></a>
        <div class="search-box">
            <input type="text" name="" placeholder="请输入您想要的食材">
            <span class="search-pic"><img src="images/ic_top_search.png" alt=""></span>
        </div>
        <a href="" class="address"><span>郑州</span></a>
    </div>
    <!--轮播-->
    <div class="slide">
        <a href="#"><img src="images/slide.jpg" alt=""></a>
    </div>

    <!--分类-->
    <div class="classify">

        <a href="">
            <dd><img src="images/menu1.png" alt=""></dd>
            <dt>新品区</dt>
        </a>
        <a href="">
            <dd><img src="images/menu2.png" alt=""></dd>
            <dt>冷链坊</dt>
        </a>
        <a href="">
            <dd><img src="images/menu3.png" alt=""></dd>
            <dt>酒莲坊</dt>
        </a>
        <a href="">
            <dd><img src="images/menu4.png" alt=""></dd>
            <dt>特惠火锅季</dt>
        </a>
        <a href="">
            <dd><img src="images/menu5.png" alt=""></dd>
            <dt>米面粮油</dt>
        </a>
        <a href="">
            <dd><img src="images/menu6.png" alt=""></dd>
            <dt>鲜肉类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu7.png" alt=""></dd>
            <dt>蔬菜类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu8.png" alt=""></dd>
            <dt>调料类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu9.png" alt=""></dd>
            <dt>豆制品</dt>
        </a>
        <a href="">
            <dd><img src="images/menu10.png" alt=""></dd>
            <dt>全部分类</dt>
        </a>
    </div>

    <!--莲菜热点滚动-->
    <div class="scroll-box">
        <a href="" class="lcrd"><img src="images/lcrd.png" alt=""></a>
        <ul id="marquee">
            <li><a class="mark" href="">促销</a>&nbsp;<span>啤酒狂欢季</span></li>
            <li><a class="mark" href="">头条</a>&nbsp;<span>儿童餐桌安全如何保障？</span></li>
            <li><a class="mark" href="">促销</a>&nbsp;<span>大宗特卖。品牌特惠</span></li>
            <li><a class="mark" ss href="">头条</a>&nbsp;<span>阿五更名600天.</span></li>
        </ul>


        <a href="" class="more-lc">更多</a>

    </div>

    <div class="slide" style="height:3rem">
        <a href="#"><img src="images/llff.jpg" alt=""></a>
    </div>
    <!--新品推荐-->
    <div class="recommend clearfix">
        <div class="recommend-title"><img src="images/t_xptj1.jpg" alt=""></div>
        <div class="recommend-classify">
            <a href=""><img src="images/sxptj.jpg" alt=""></a>
            <a href=""><img src="images/sllftj.jpg" alt=""></a>
            <a href=""><img src="images/sjlfth.jpg" alt=""></a>
        </div>
        <div class="goods">
            <h1><i></i><span>特价商品</span></h1>
        </div>
        <div class="recommend-content clearfix">
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/zhuti.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/rouxian.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/zhuti.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/rouxian.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/zhuti.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/rouxian.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/zhuti.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/rouxian.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/zhuti.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
            <li>
                <div class="goods-info">
                    <a href="">
                        <img src="images/sw.png" alt="">
                        <img src="images/zhuti.jpg" alt="">
                    </a>
                    <p>*冻猪蹄块(特价) 5斤/袋(合每斤12.5元)</p>
                    <b class="sub-tit">原价：12.9元/斤，冻猪蹄切块，每块大小3cm-5cm，干净无毛</b>
                    <span class="goods-price">登录显示价格<em>?元/袋</em> </span><br>
                    <button>+</button>
                </div>
            </li>
        </div>

    </div>




    <!--底部-->
    <div id="bottom-bar">
        <div class="login-state">
            <a href="">你尚未登录莲菜网，食材价格以登录后为准</a>
        </div>
        <div class="bottom-menu">
            <a href="index.html" class="active">
                <p><i class="fa fa-home"></i></p>
                <p>首页</p>
            </a>
            <a href="category.html">
                <p><i class="fa fa-th-list"></i></p>
                <p>分类</p>
            </a>
            <a href="collect.html">
                <p><i class="fa fa-star-o"></i></p>
                <p>收藏</p>
            </a>
            <a href="collect.html">
                <p><i class="fa fa-shopping-cart"></i></p>
                <p>购物车</p>
            </a>
            <a href="collect.html">
                <p><i class="fa fa-male"></i></p>
                <p>我的店铺</p>
            </a>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function() {
        $("#marquee").marquee({
            yScroll: "bottom",
            pauseOnHover: true




        });
        $('.goods-info button').click(function() {
            window.location.href = "collect.html"
        })
    });
</script>

</html>